<template>
  <div>
    <ul>
      <li v-for="item in names">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
  import { test } from "@/temp/makeData";

  export default {
    name: 'TestArray',
    data() {
      return {
        names: []
      }
    },
    methods: {
      initNames () {
        this.names = test();
      }
    },
    mounted () {
      this.initNames();
    }
  }
</script>

<style scoped>

</style>
